@charset "UTF-8";

html, body {height:100%;width:100%;overflow:hidden!important;overflow-y:hidden !important}

.login-container {background-color:#1c77ac;overflow:hidden;font-family:'微软雅黑', serif;margin:0 auto;min-width:980px;font-size:9pt}
.login-container ul {display:block;margin:0;padding:0;list-style:none}
.login-container ul li {display:block;margin:0;padding:0;list-style:none}
.login-container img {border:0}

.login-container .clouds {background:url("../img/login/cloud_three.png") repeat-x left 15%;position:absolute;left:0;top:0;height:100%;width:300%;-webkit-animation:cloudmove 200s linear infinite;-moz-animation:cloudmove 200s linear infinite;-o-animation:cloudmove 200s linear infinite;animation:cloudmove 200s linear infinite;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.login-container .clouds-fast {background:url("../img/login/cloud.png") no-repeat 0px 40%;-webkit-animation:cloudmove 30s linear infinite;-moz-animation:cloudmove 30s linear infinite;-o-animation:cloudmove 30s linear infinite;animation:cloudmove 30s linear infinite}
.login-container .clouds-footer {background:url("../img/login/cloud_one.png") no-repeat left 100%;animation:none}

@-webkit-keyframes cloudmove {0% {left:-50%}100% {left:150%}}
@-moz-keyframes cloudmove {0% {left:-50%}100% {left:150%}}
@keyframes cloudmove {0% {left:-50%}100% {left:150%}}
.login-container .container {background:url(../img/login/loginbg3.png) no-repeat center center;width:100%;height:585px;overflow:hidden;position:relative;top:47px}

/* 登录表单 */
.login-container .content {width:692px;height:336px;background:url(../img/login/logininfo.png) no-repeat;margin:80px auto auto auto;position:relative;display:block}
.login-container .content ul {margin-left:285px;margin-right:60px}
.login-container .content ul li {margin-bottom:15px;position:relative}
.login-container .content ul li h2{font-size: 30px;color:#fb5;position: relative;left: -20px;}
/*.login-container .content ul li span{font-size: 24px;color:#aaa;}*/
.login-container .content ul span input {margin-bottom:15px;position:relative;background:url(../img/icon.png) no-repeat;background-size:20px;padding-left:38px}
.login-container .content ul span input.username {background-position:8px 7px}
.login-container .content ul span input.password {background-position:8px -20px}
.login-container .login-input {display:block;width:100%;padding-left:10px;height:38px;line-height:38px;line-height:36px \9;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px}
.login-container .content ul span input.vertify {background: none;width: 190px;float: left;margin-right: 10px;}
/* 头像 */
.login-container .people {width:165px;height:24px;position:relative;top:8px;left:-70px}
.login-container .people .tou {background:url("../img/login/tou.png") no-repeat;width:97px;height:92px;position:absolute;top:-87px;left:140px}
.login-container .people .left_hand {background:url("../img/login/left_hand.png") no-repeat;width:32px;height:37px;position:absolute;top:-38px;left:150px}
.login-container .people .right_hand {background:url("../img/login/right_hand.png") no-repeat;width:32px;height:37px;position:absolute;top:-38px;right:-64px}
.login-container .people .initial_left_hand {background:url("../img/login/hand.png") no-repeat;width:30px;height:20px;position:absolute;top:-12px;left:100px}
.login-container .people .initial_right_hand {background:url("../img/login/hand.png") no-repeat;width:30px;height:20px;position:absolute;top:-12px;right:-112px}

.layui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0px 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    position: absolute;
    /*top: 10px;*/
    left: 80px;
    border-radius: 2px;
    cursor: pointer;
    opacity: .9;
    filter: alpha(opacity=90);
}
.toRegist{
    line-height: 33px;
    font-size: 14px;
    background-color: #d85a9a;
    color: #fff;
    /*position: absolute;*/
    top: 10px;
    left: 195px;
    padding: 3px 18px;
    float: right;
    border-radius: 2px;
}
.toReturn{
    line-height: 33px;
    font-size: 14px;
    background-color: #009688;
    /*position: absolute;*/
    top: 10px;
    left: -8px;
    color: #fff;
    padding: 3px 18px;
    text-align: center;
    float: left;
    border-radius: 2px;
}
.toRegist:hover {
    color: #ccc;
    text-decoration: none;
}

.toReturn:hover {
    color: #ccc;
    text-decoration: none;

}.layui-btn:hover {
    color: #ccc;
    text-decoration: none;
}

/**/
.text-center{
    display: flex!important;
    /*margin: 0 auto;*/
    width: 350px;
    justify-content: space-between;

}
.toLogin {
    color: #ff5501;
    top: 10px;
    left: 180px;
    font-size: 12px;
    padding: 0px 18px;
    position: absolute;
}